<!-- email_form.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Email Form</title>
    <script>
        function addEmailField() {
            const container = document.getElementById('email-container');
            const input = document.createElement('input');
            input.type = 'email';
            input.name = 'email';
            input.placeholder = 'Email Address';
            container.appendChild(input);
            container.appendChild(document.createElement('br'));
        }
    </script>
</head>
<body>
    <h1>Email Form</h1>
    <form method="post">
        {% csrf_token %}
        <div id="email-container">
            {{ form.email.label_tag }} {{ form.email }}
            <br>
        </div>
        <button type="button" onclick="addEmailField()">Add another email</button>
        <br><br>
        <button type="submit">Submit</button>
    </form>
</body>
</html>
